<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>中奖练习</title>
</head>
<!-- 
  1.客户有百分之三十的概率中奖；
  2.中奖提示：恭喜您赢得劳斯莱斯购买 十万元 优惠券 一张。
  3.未中奖提示：谢谢惠顾！
 -->
<body>
  <button onclick="handle()">抽奖开始</button>
</body>
<script>
  function showMessage(message){
    alert(message);
  }
  function getRandom(n,m){
    return Math.ceil(Math.random()*(m - n + 1) + n-1)
  }
  function handle(){
    // setTimeout(() => {
    //   let num = getRandom(1,100);
    //   if(num <= 30){
    //     showMessage('恭喜您赢得劳斯莱斯购买 十万元 优惠券 一张')
    //   } else {
    //     showMessage('谢谢惠顾！')
    //   }
    // }, 1000);

    let p = new Promise((resolve,reject)=>{
      setTimeout(() => {
      let num = getRandom(1,100);
      if(num <= 30){
        resolve('恭喜您赢得劳斯莱斯购买 十万元 优惠券 一张')
      } else {
        reject('谢谢惠顾！')
      }
    }, 1000);
    });
    p.then((res)=>{
      showMessage(res)
    },(error)=>{
      showMessage(error)
    })
  }
</script>
</html>